<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css"/>
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css" />
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="css/authorizedConsignee.css">
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/custom.css" />
    <title>授权收货人变更申请</title>

    <style>
        table.dataTable thead .sorting{
            background: none;
        }
        table.dataTable thead .sorting_asc{
            background: none;
        }

        .remarkP{
            width: 250px;
            height: 100px;
            line-height: 30px;
            color: #000;
            font-size: 6px;
        }
        .remarkA {
            display: block;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            color: #000;
        }
        .remarkA:hover{
            display: block;
            width: 100%;
            overflow: auto;
            white-space: normal;
        }
    </style>
</head>
<body data-id="33">
<nav class="breadcrumb">系统设置<span class="c-gray en">&gt;</span>授权收货人<span class="c-gray en">&gt;</span>授权收货人变更申请
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<article class="page-container">
    <form class="ml-20 mr-20" id="form-member-add"  method="post">
    <div class="bg-1 bk-gray ml-20 pt-20 pb-20 clearfix mr-20">
        <p class="main_title">授权收货人变更申请</p>
        <table class="table_li ml-10 mb-10 table">
            <tr class="main_table_tr">
                <td class="col-3-1"><div class="main_table_td1">申请客户：</div><span class="size-M f-l select_s"><input type="text" maxLength=20 id="apply_customer" class="input-text radius" placeholder="输入关键字" style="width:150px"></span></td>
                <td class="col-3-1"><div class="main_table_td1">申请人：</div><span class="size-M f-l select_s"><input type="text" maxLength=20 id="apply_user" class="input-text radius" placeholder="输入关键字" style="width:150px"></span></td>
            <td class="col-3-1"><div class="main_table_td1">申请时间：</div>
                <div class="f-1" style="width: 336px;" >
                    <input type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'dateend\')||\'%y-%M-%d\'}',startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd',alwaysUseStartDate:true})" class="input-text Wdate radius" id="datestr" style="width:120px;" autocomplete="off">

                    <span class="pd-5">~</span>
                    <input type="text" onfocus="WdatePicker({minDate:'#F{$dp.$D(\'datestr\')}',dateFmt:'yyyy-MM-dd',maxDate:'#F{\'%y-%M-%d\'}' })" id="dateend" class="input-text Wdate radius"  style="width:120px;" autocomplete="off">
                </div>
               </td>
        </tr>

        <tr class="main_table_tr">
            <td class="col-3-1"><div class="main_table_td1">变更收货人姓名：</div>
                <span class="size-M f-l select_s">
                <input type="text" maxLength=5 id="consignee_name" class="input-text radius" placeholder="输入关键字" style="width:150px"></span></td>
            <td class="col-3-1"><div class="main_table_td1">变更收货人手机：</div>
                <span class="size-M f-l select_s">
                <input type="text" id="consignee_telephone" required="true" maxlength="11" onchange="phoneCheck(this.value)" class="input-text radius" placeholder="输入关键字" style="width:150px;" >
                </span></td>

</tr>

</table>
        <div class="text-c pb-20 pt-10">
            <input  id="bottm"  type="button" class="btn btn-secondary radius size-S powerButton 167" onclick="searchList()" value="搜&nbsp;&nbsp;索">
            <input name="" type="reset" class="btn radius size-S ml-10 powerButton 167" value="重&nbsp;&nbsp;置">
        </input>

            <table style="width:100%;" class="table table-border table-bg table-hover table-sort mt-10" id="datatable">
                <thead>
                <tr class="text-c">
                    <th width="90">变更类型</th>
                    <th width="290">变更内容</th>
                    <th width="160">申请客户</th>
                    <th width="160">申请人</th>
                    <th width="160">申请时间</th>
                    <th width="110">审核人</th>
                    <th width="130">审核时间</th>
                    <th width="85">状态</th>
                    <th width="190">备注</th>
                    <th width="90">操作</th>
                </tr>
                </thead>
                <tbody class="shun">

                </tbody>
            </table>
        <div class="mt-40"></div>
        <div class="dataTables_wrapper goods_fanye clearfix mt-5">
            <div class="f-r pageturning M-box3"></div>
        </div>
        </div>
    </div>
    </form>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>

<!--引入分页-->
<link rel="stylesheet" href="../../lib/pagination/pagination.css">
<script src="../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<script src="../../ht-js/authorized/authorized2.js?rev=@@hash"></script>
<!--权限控制-->
<script type="text/javascript" src="../../ht-js/power.js?rev=@@hash"></script>
<script>
    $('#reset').click(function(){
        $('input').val('');
        $('select').val('');
    })

   //手机号验证
    function phoneCheck(input){

        if(input!=""){
            var p1=/^(13[0-9]\d{8}|15[0-35-9]\d{8}|18[0-9]\{8}|14[57]\d{8})$/;
            var	b=false;
            if(p1.test(input)==b){
               /* alert("对不起，您输入的手机号码有错误。请输入正确的手机号码。");*/
                return false;
            }
            return true;
        }
    }


</script>


</body>